<template>
<!-- 更多屏道弹窗 -->
  <div class="comment-sheet">
      <van-action-sheet v-model="show" @close='close'>
        <div class="content">
           <header><span>回复111条</span><i class="iconfont iconcha"></i></header>
           <ul class="list-box">

           </ul>
            <footer>
                  <input type="text" placeholder="*您的回答将由管理员筛选后显示">
                  <span>发送</span>
            </footer>
        </div>
        </van-action-sheet>
        </div>
</template>
<script>

export default {
  props: {
      show:{
          type:Boolean,
          default:false
      },
      list:{
          type:Array,
          default:[
          // {img:require('../../assets/images/zhxyk/bannerImage/001.png'),title:'推荐'},
          // {img:require('../../assets/images/zhxyk/bannerImage/002.png'),title:'直播'},
          // {img:require('../../assets/images/zhxyk/bannerImage/003.png'),title:'短视频'},
          // {img:require('../../assets/images/zhxyk/bannerImage/004.png'),title:'北大湖滑雪场'},
          // {img:require('../../assets/images/zhxyk/bannerImage/005.png'),title:'崇礼滑雪场'},
          // {img:require('../../assets/images/zhxyk/bannerImage/006.png'),title:'金融课堂'},
          ]
      }
          
      
  },
  data() {
    return {};
  },
  methods: {
      close(){
          this.$emit("navCom", {type:'close',info:'关闭更多频道页'});
      }
  }
};
</script>
<style scoped>
.comment-sheet /deep/ .van-overlay{
    background: rgba(0, 0, 0, 0.4);
}
 .content {
     width: 100vw;
     padding-top: 44px;
     padding-left: 32px;
     padding-right: 36px;
     margin-bottom: 75px;
  }
 .content header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 10px;
    margin-bottom: 55px;

  }
  .content .list-box{
      height: 600px;
  }
  header span{
    font-size: 28px;
    font-weight: 500;
    color: #333333;
  }
.content header .iconcha{
   font-size: 28px;
   color: #000000;
  }
 footer{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 110px;
    width: 100vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    background: #FFFFFF;
    border-top: 1px solid #E1E1E1;
 }
 footer span{
    width: 91px;
    height: 50px;
    margin-left: 15px;
    text-align: center;
    line-height: 50px;
    background: linear-gradient(180deg, #FF938D 0%, #FF7473 100%);
    border-radius: 25px;
    font-size: 28px;
    font-weight: 500;
    color: #FFFFFF;
 }
  footer input{
    height: 70px;
    flex: 1;
    padding-left: 17px;
    background: #FFFFFF;
    border-radius: 41px;
    border: 1px solid #D5D5D5;
  }
footer input::-webkit-input-placeholder {
         font-size: 28px;
         color: #C9C9C9;
    }
</style>

